<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style type="text/css">
	/* 媒体查询的基础语法 */
	/*  设备的屏幕尺寸 小于 等于 1000的时候 使用 括号内的样式
		也遵循  层叠样式表的 
		为了避免样式覆盖
			可以 修改 先后顺序

		自己写的时候 一定要注意 要空格

	  */
		/* @media screen and (max-width: 1000px){} */

		@media screen and (max-width: 1000px) {
			    body {
			        background-color: yellowgreen;
			    }

		}

	</style>
</head>
<body>
	
</body>
</html>